<template>
	<view>
		<block v-for="(item,index) in projectList" :key='index'>
		<view class="project-swipe-contain-item">
			<view class="project-swipe-contain-item-top">
				<view class="project-swipe-contain-item-top-date">
					{{item.createTime}}
				</view>
				<view :style="{color:item.approvalState===4?'#9B9B9B':item.approvalState===1?'#5BC3A9':item.approvalState===0?'#F7B500':item.approvalState===2?'#DE5A02':''}" class="project-swipe-contain-item-top-status">
					{{item.approvalStateLabel}}
				</view>
			</view>
			<view class="swipe-contain-item-top">
				<view>
					<image class="swipe-contain-item-pic" :src="item.photos[0]" mode=""></image>
				</view>
				<view class="swipe-contain-item-contain">
					<view class="swipe-contain-item-contain-title oneline">{{item.projectName}}</view>
					<!-- {{projectDetail.processTypeStr}}（{{projectDetail.financingTypeStr}}） -->
					<view class="swipe-contain-item-contain-text">落地中（B轮）</view>
					<view class="swipe-contain-item-contain-text oneline">{{item.words?item.words.join('｜'):''}}</view>
					<view class="swipe-contain-item-contain-text selfcolor oneline">{{item.yourWant?item.yourWant.join('、'):''}}</view>
				</view>
			</view>
			<view class="swipe-contain-item-bottom">
				<view class="swipe-contain-item-bottom-com">
					<image style="width: 30upx;height: 30upx;margin-right:13upx;" src="https://www.innovationgloble.com/wxs/img/wx/gkxcx/p-loca.jpg" mode=""></image>
					{{item.companyName}}
				</view>
				<!-- <view class="swipe-contain-item-bottom-seen">
					<text class="icon iconfont iconchakan-copy"></text>
					{{item.browseNum}}
				</view> -->
			</view>
			<view class="swipe-contain-item-bottom-opt">
				
				<view class="swipe-contain-item-bottom-del">
					删除
				</view>
				<view @click="offLine(item)" v-if="item.approvalState===1" class="swipe-contain-item-bottom-del swipe-contain-item-bottom-del-right">
					下线
				</view>
			</view>
		</view>
		<view v-if="index<projectList.length-1" class="project-seprate"></view>
		</block>
	</view>
</template>

<script>
	export default {
		props:['projectList'],
		data() {
			return {
				constUrl:this.$baseUrl
				// projectList:[],
			}
		},
		methods: {
			offLine(item){
				console.log('下线')
			}
			// toProjectDetail(item){
			// 	console.log(item);
			// 	// return
			// 	uni.navigateTo({
			// 	    url: '/pages/project-detail/project-detail?scene='+item.projectId
			// 	});
			// }
		}
	}
</script>

<style scoped>
	.project-swipe-contain-item-top{
		display: flex;
		justify-content: space-between;
		margin-bottom: 27upx;
	}
	.project-swipe-contain-item-top-status{
		font-size:26upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
	}
	.project-swipe-contain-item-top-date{
		font-size:26upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(90,90,90,1);
	}
	.project-swipe-contain-item{
		margin: 0upx 30upx;
		padding:32upx 30upx 26upx 30upx;
		background-color: #FFFFFF;
		border-radius:6upx;
	}
	.swipe-contain-item-top{
		display: flex;
		align-items: center;
	}
	.swipe-contain-item-pic{
		width: 239upx;
		height: 150upx;
		/* border: 1px solid #09BB07; */
		margin-right:22upx ;
		flex-shrink: 0;
		border-radius: 6upx;
	}
	.swipe-contain-item-contain{
		padding-bottom: 4upx;
		width:382upx ;
		display: flex;
		height: 150upx;
		flex-direction: column;
		justify-content: space-between;
	}
	.swipe-contain-item-contain-title{
		font-size:30upx;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:600;
		height: 42upx;
		margin-top: -15upx;
		color:rgba(34,34,34,1);
	}
	.swipe-contain-item-contain-text{
		font-size:24upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		height: 33upx;
		color:rgba(83,83,83,1);
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.swipe-contain-item-detail{
		font-size:22upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(169,169,169,1);
		padding: 15upx 1upx 24upx 8upx;
		border-top: 1px solid #F2F2F2;
		margin-top: 20upx;
		height: 96upx;
	}
	.swiper-tip-contain{
		display: flex;
		justify-content: center;
		margin-top:35upx ;
	}
	.oneline{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.selfcolor{
		color:#DE5A02
	}
	.project-seprate{
		width: 100%;
		height: 20upx;
		background:rgba(245,245,245,1);
	}
	.swipe-contain-item-bottom{
		display: flex;
		justify-content: space-between;
		margin-top: 20upx;
		font-size:22upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(169,169,169,1);
		border-top: 1upx solid #f2f2f2;
		padding-top: 18upx;
		
	}
	.swipe-contain-item-bottom-seen{
		font-size:22upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(169,169,169,1);
		display: flex;
		align-items: center;
	}
	.swipe-contain-item-bottom-com>.icon{
		margin-right: 10upx;
	}
	.swipe-contain-item-bottom-com{
		font-size:22upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(169,169,169,1);
	}
	.swipe-contain-item-bottom-seen>.icon{
		/* vertical-align: middle; */
		margin-right: 10upx;
		margin-bottom: 4upx;
		/* margin-top: 4upx; */
	}
	.swipe-contain-item-bottom-opt{
		display: flex;
		flex-direction: row-reverse;
	}
	.swipe-contain-item-bottom-del{
		width: 112upx;
		height: 50upx;
		background:rgba(255,255,255,1);
		border-radius:29upx;
		border:1upx solid rgba(204,204,204,1);
		text-align: center;
		line-height: 50upx;
		margin-top: 20upx;
		font-size:26upx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(78,78,78,1);
	}
	.swipe-contain-item-bottom-del-right{
		margin-right: 22upx;
	}
</style>
